<template>
  <div style="margin-top: 1%">
    <div
      style="display: flex; float: left; height: 20px; width: 30%; background-color: coral"
    ></div>
    <div>
      <span
        style="
          display: inline-block;
          margin-top: -5%;
          margin-left: -25%;
          font-size: large;
          font-weight: bold;
          color: orangered;
        "
        ><el-icon style="margin-top: 1%"><StarFilled /></el-icon>电影推荐<el-icon
          ><StarFilled /></el-icon
      ></span>
    </div>
    <div
      style="
        display: flex;
        float: right;
        height: 20px;
        width: 30%;
        margin-top: -5%;
        background-color: coral;
      "
    ></div>
  </div>
</template>
<script setup>
import { StarFilled } from '@element-plus/icons-vue';
</script>
